<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/teacherQuery.css"/>
	<body>
		<div id="teacherQuery">
			<div class="teachHeader">
				<div class="login">
					<img src="img/Logo.png" >
				</div>
				<input type="text" class="search" placeholder="搜索"/>
				<div id="search-icon">
					<img src="img/搜索.png" >
				</div>
				<div id="user" @click="showUserLi">
					<img src="img/YY_user_3.png" >
				</div>
			</div>
			<div class="search-nav">
				<input type="text" class="main-search" placeholder="请输入关键字" />
				<div id="main-search-icon">
					<img src="img/搜索.png" >
				</div>
			</div>
			<div id="ul" v-show="userLi">
				<ul>
					<li><span class="li-icon li-icon1"><img src="img/信封.png" ></span>消息中心</li>
					<li><span class="li-icon li-icon2"><img src="img/退出.png" ></span>退出登录</li>
					<li><span class="li-icon li-icon3"><img src="img/设置.png" ></span>设置</li>
				</ul>
			</div>
			<div id="main-left">
				<h2>查询学生信息</h2>
				<img src="img/tbanner1.png" class="main-banner">
			</div>
			<div id="main-right">
				<h2>管理学生账户</h2>
				<img src="img/tbanner2.png" class="main-banner">
			</div>
			<div class="tIcon1 tIcon">
				<img src="img/tIcon1.png" >
			</div>
			<div class="tIcon2 tIcon">
				<img src="img/tIcon2.png" >
			</div>
		</div>
		
	</body>
	<script src="js/vue%20.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		new Vue({
			el:'#teacherQuery',
			data:{
				userLi: true,
			},
			methods:{
				showUserLi(){
						this.userLi = ! this.userLi;
					}
			}
		})
			
	
	</script>
</html>
